<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<link rel="stylesheet" type="text/css" href="stylesheets/app_theme.css" />
<html lang="en">


<head>


<style type="text/css">

/*
        zooming style for the icons
*/
.zoom { 

   max-width:100%;
   max-height:100%;
   -webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out; 
   -o-transition: all .3s ease-out; 
   transition: all .3s ease-out;
}
.zoom:hover { 
   -moz-transform: scale(1.5);
   -webkit-transform: scale(1.5);
   -o-transform: scale(1.5);
   transform: scale(1.5);
   -ms-transform: scale(1.5);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
   M11=2, M12=-0, M21=0, M22=2);
   }


/*
        styles for the tables with the day icons 
*/
table#daytable_top {
        margin-left: auto;
        margin-right: auto;
}
        
#daytable_top td {
        width: 150px;
        height: 150px;
        padding: 5px;
}


table#daytable_bottom {
        margin:auto auto auto auto;
}


</style>
        
        <meta http-equiv="content-type" content="text/html; charset=utf-8">

        <title>DublinNights</title>


</head>

<body>		
  <a href ="/" class = "home_url_div"  title="Home Page" alt="Home Page" ></a>

	<div>
    <input type = "image" src = "../images/back_button.png" class = "button_top_left" title="Back" value = "Back" onClick = "history.go(-1);return true;">
    <a href="#" onClick = "history.go(0);return true;" title="Refresh" value = "Refresh"> <img src = "../images/refresh.png" alt = "Refresh" class = "button_top_right_0"/> </a>
    <a href="/" value = "Home" > <img src = "../images/home.png" title="Home" alt = "Home" class = "button_top_right" ></a>
	</div>

		<div class=app_body>
			<form action="/event_price" method="post">
                <table id = "daytable_top">
                        <tr>
								<td> <input type="image" img class="zoom" src="images/FreeEntry.png" href="/event_price" name ="type" value = "Free"/> </td>
								<td> <input type="image" img class="zoom" src="images/EntryFive.png" href="/event_price" name ="type" value = "€5"/> </td>   
								<td> <input type="image" img class="zoom" src="images/EntryTen.png" href="/event_price" name ="type" value = "€10"/> </td>   
								<td> <input type="image" img class="zoom" src="images/EntryFifteen.png" href="/event_price" name ="type" value = "€15"/> </td>   
							
                        </tr>
                </table>
              </form>
		</div>

</body>



</html>
